.container {
  height: 100%;
  display: flex;
  flex-direction: row;
  gap: 20px;

  .left {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    overflow: hidden;

    .imgContainer {
      flex: 1;
      min-height: 0;
      overflow: hidden;
    }
  }

  .right {
    // width: 900px;
    flex: 1;
    min-width: 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;

    .weightInfoContent {
      display: flex;
      flex-direction: column;
      padding: 0 16px;
      gap: 16px;

      .weightInfoContentItem {
        border-bottom: 1px dashed #ccc;

        &:last-child {
          border: none;
        }
      }
    }

    .weightInfoImages {
      display: flex;
      flex-direction: column;
      gap: 16px;
      padding-right: 16px;

      .weightInfoImagesItem {
        height: calc(50% - 31px);

        &:first-child {
          height: calc(50% + 31px);
        }

        // flex: 1;
        // min-height: 0;
        :global {
          .ant-form-item {
            margin-bottom: 0;
          }
        }
      }
    }
  }

  .title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
  }

  .customRow {
    margin: 0;
    padding: 0 8px;
  }
}
